<!-- 登录注册模态框 -->
<div class="auth-modal" id="authModal">
    <div class="auth-container">
        <div class="auth-header">
            <div class="auth-tabs">
                <button class="auth-tab active" data-tab="login">登录</button>
                <button class="auth-tab" data-tab="register">注册</button>
            </div>
            <button class="close-btn">&times;</button>
        </div>
        
        <!-- 登录表单 -->
        <form id="loginForm" class="auth-form active">
            <div class="form-group">
                <label for="loginEmail">邮箱</label>
                <input type="email" id="loginEmail" required placeholder="请输入邮箱">
            </div>
            <div class="form-group">
                <label for="loginPassword">密码</label>
                <input type="password" id="loginPassword" required placeholder="请输入密码">
            </div>
            <div class="form-options">
                <label>
                    <input type="checkbox" id="rememberMe"> 记住我
                </label>
                <a href="#" class="forgot-password">忘记密码？</a>
            </div>
            <button type="submit" class="auth-button">登录</button>
            <div class="social-login">
                <p>其他登录方式</p>
                <div class="social-icons">
                    <button type="button" class="social-icon wechat">
                        <i class="fab fa-weixin"></i>
                    </button>
                    <button type="button" class="social-icon qq">
                        <i class="fab fa-qq"></i>
                    </button>
                </div>
            </div>
        </form>

        <!-- 注册表单 -->
        <form id="registerForm" class="auth-form">
            <div class="form-group">
                <label for="registerEmail">邮箱</label>
                <input type="email" id="registerEmail" required placeholder="请输入邮箱">
            </div>
            <div class="form-group">
                <label for="registerUsername">用户名</label>
                <input type="text" id="registerUsername" required placeholder="请输入用户名">
            </div>
            <div class="form-group">
                <label for="registerPassword">密码</label>
                <input type="password" id="registerPassword" required placeholder="请输入密码">
            </div>
            <div class="form-group">
                <label for="confirmPassword">确认密码</label>
                <input type="password" id="confirmPassword" required placeholder="请再次输入密码">
            </div>
            <div class="form-options">
                <label>
                    <input type="checkbox" id="agreeTerms" required>
                    我同意<a href="#" class="terms-link">服务条款</a>和<a href="#" class="privacy-link">隐私政策</a>
                </label>
            </div>
            <button type="submit" class="auth-button">注册</button>
        </form>
    </div>
</div> 